<template>
  <el-row class="ml-3 pt-4 pb-4 border border-solid items-center">
    <el-col :span="5" class="border-r border-solid" >
      <div class="text-center" >
        <div class="" style="font-size: 13px">与描述相符</div>
        <div class="text-3xl font-bold" style="color: rgb(255,102,0)">5.0</div>
        <div class="bg-scope h-3 bg-no-repeat overflow-hidden w-full" style="background-position: 110% -15px">
        </div>
      </div>
    </el-col>
    <el-col :span="1" :offset="1">
      <div class="text-gray-500 w-1/2" style="font-size: 10px">大家都写到</div>
    </el-col>
    <el-col :span="13">
      <el-tag type="danger" size="mini" class="mr-4">和描述的功能差不多(265)</el-tag>
      <el-tag type="danger" size="mini" class="mr-4">手机型号多样(21)</el-tag>
      <el-tag type="danger" size="mini" class="mr-4">跑分很高(14)</el-tag>
      <el-tag type="danger" size="mini" class="mr-4">不会掉帧(12)</el-tag>
      <el-tag type="danger" size="mini" class="mr-4">功率够大(2)</el-tag>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 h-9 items-center" style="background-color: #efefef">
    <el-row :span="5">
      <el-checkbox size="mini">全部</el-checkbox>
      <el-checkbox size="mini">追评(3466)</el-checkbox>
      <el-checkbox size="mini">图片(21662)</el-checkbox>
    </el-row>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
          <img src="../assets/taobao/otherImage/2-1.jpg">
          <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <el-row class="ml-3 pl-3 pt-4 pb-4 border-b border-t border-solid items-center" style="font-size: 12px">
    <el-col :span="13" >
      <div>
        其他特色：手机整体非常漂亮 拍照效果：色彩真实 电池续航：足够一天使用 关键快充真的很给力 通信音质：所以很大没有失真 运行速度：这个配置很给力 显示效果：特别清晰
      </div>
      <div class="flex mt-4">
        <img src="../assets/taobao/otherImage/2-1.jpg">
        <img src="../assets/taobao/otherImage/2-2.jpg" class="ml-4">
        <img src="../assets/taobao/otherImage/2-3.jpg" class="ml-4">
      </div>
      <div style="color: rgb(204, 204, 204)" class="leading-8">11.26</div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>
        <div class="float-left" style="color: #666666">机身颜色:</div>
        <div class="float-right" style="color: #999999">夜影黑</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">套餐类型:</div>
        <div class="float-right" style="color: #999999">官方标配</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">存储容量:</div>
        <div class="float-right" style="color: #999999">8+256GB</div>
      </div>
      <div>
        <div class="float-left" style="color: #666666">版本类型:</div>
        <div class="float-right" style="color: #999999">中国大陆</div>
      </div>
    </el-col>
    <el-col :span="4" :offset="1">
      <div>淘***方（匿名）</div>
      <div style="color: rgb(192, 148, 89)">超级会员</div>
    </el-col>
  </el-row>
  <div class="text-center mt-4">
    <el-pagination
        background
        layout="prev, pager, next"
        :total="1000">
    </el-pagination>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>